.setbar { display: inline-block; float: left; width: 5%; height: 100%; background: #000;}
.setbar ul { width: 100%; height: auto;}
.setbar ul li { width: 100%; height: 60px; margin: 0 auto;}
.setbar ul li span { width: 100%; display: block; text-align: center; color: #666; font-size: 13px;}
.setbar ul li i { display: block; width: 25px; height: 25px; margin: 0 auto;}
.setbar ul li i.home { background: url("../images/sitebar_home.png")}
.setbar ul li i.home_active { background: url("../images/sitebar_home_active.png")}
.setbar ul li i.gc { background: url("../images/sitebar_gc.png")}
.setbar ul li i.gc_active { background: url("../images/sitebar_gc_active.png"); }
.setbar ul li i.fa { background: url("../images/sitebar_fans.png");background-size: 100% 100%;}
.setbar ul li i.fa_active { background: url("../images/sitebar_fans_active.png") ;background-size: 100% 100%;}
.setbar ul li i.cate { background: url("../images/sitebar_home.png")}
.setbar ul li i.cate_active { background: url("../images/sitebar_cate_active.png")}
.setbar ul li i.hide { background: url("../images/hide.png")}
.con { display: inline-block; vertical-align: top; width: 94%;}

.showinfo { margin-top: 10px; height: 70px; margin-bottom: 10px;}
.face { display: inline-block; vertical-align: top; margin-right: 5px; width: 70px; height: 70px;}
.face img { width: 100%; height: 100%;}
.info { display: inline-block;}
.info span { font-size: 12px; color: #888;}
.utype { margin: 2px 0;}
.show_paly { width: 1150px; height: 700px; background: #fcfcfc; border-radius: 5px;}
.video { width: 100%; height: 600px; background: #6b6b6b;}
.funlist { width: 100%; height: 95px; border: 1px solid #eee;border-top: none;}
.con_r { display: inline-block; margin-left: 10px; width: 25%; height: 772px;border: 1px solid #eee; margin-top: 10px;}

.bang { width: 100%; height: 140px;}
.bang_item { width: 100%; height: 25px; background: #f9f9f9;}
.bang_item span { display: inline-block; vertical-align: top; height: 25px; line-height: 25px; width: 31.5%; text-align: center; font-size: 12px; cursor: pointer;}
.bang_item span.active { background: #fff;}
.bang_con_1 { width: 100%; height: 100px; display: none;}
.bang_tips_i { height: 20px; line-height: 20px; font-size: 12px; background: #eee; margin-bottom: 5px; padding-left: 2%;}
.bangtop { width: 100%; height: 100px; position: relative;}
.top_list { display: block; width:97.5%; height: 0; overflow: hidden; position: absolute; z-index: 999; top: 80px; left: 0; background: #fff; padding: 5px; transition: 1s;
    -moz-transition: 1s;	/* Firefox 4 */
    -webkit-transition: 1s;	/* Safari 和 Chrome */
    -o-transition: 1s;	/* Opera */}
.top_list p { font-size: 13px; height: 25px; line-height:25px; padding-left: 2%; color: #6b6b6b;}
.top_list p i { display: inline-block; margin-right: 5px; vertical-align: middle; width: 20px; height: 20px; text-align: center; line-height: 20px; background: #eee; border-radius: 10px;}
.bangtop:hover .top_list { height: auto;}
.top_list p span { display: inline-block; width: 16px; height: 16px;
    float: right; margin-top: 5px;}
.top_list p span.t_up { background: url("../images/top_up.png"); background-size: 100% 100%;}
.top_list p span.t_ping { background: url("../images/ping.png"); background-size: 100% 100%;}
.top_list p span.t_down { background: url("../images/top_down.png"); background-size: 100% 100%;}
.top { width: 32%; height: 90px;  vertical-align: top; display: inline-block;}
.min_top_icon { width: 40px; height: 40px; margin: 10px auto 5px auto; border-radius: 20px; overflow: hidden;}
.max_top_icon { width: 50px; height: 50px; vertical-align: top; margin: 3px auto; border-radius: 25px; overflow: hidden;}
.top p { font-size: 12px; color: #666; text-align: center;}
.dmbox { height: 570px; background: #f9f9f9; overflow-y: auto; position: relative; padding: 0 5px; padding-top: 5px; }
.dmbox_p { font-size: 13px; height: auto; padding: 5px 0; margin-top: 10px; transition: 0.4s;
    -moz-transition: 0.4s; /* Firefox 4 */
    -webkit-transition: 0.4s; /* Safari 和 Chrome */
    -o-transition: 0.4s; /* Opera */ word-break: break-all;}
.dmbox_p .u_name { color: #00a2d4; position: relative;}
.send { height: 50px; border-top: 1px solid #ccc; position: relative;}
.send_text { width: 90%;background: #fff; height: 40px; margin: 0 auto;margin-top: 8px; border: 1px solid #ff6666;position: relative; padding: 0 2.5%;}
.fs { display: inline-block; vertical-align: top; width: 50px; height: 30px; background: url("../images/entrance_btnbg2.png") center 0 no-repeat; font-size: 12px; color: #fff; margin-left: 5px; margin-top: 5px; padding: 0 5px; border-radius: 5px; padding-top: 12px;}
.fs i { display: inline-block; width: 100%; height: 25px; line-height: 18px; padding-left: 5px; color: #03B495; font-size: 11px; background: url("../images/bandgebg_00.png") no-repeat; color: #fff; }
.send_text input[type='text'] { width: 240px; height: 30px; border: none; padding-left: 10px; color: #666; outline: none;}
.send_text input[type='submit'] { width: 50px; height: 40px; background: #ff6666; color: #fff; border: none; padding-left: 10px; position: absolute; top: 0px; right: 0;}
.bang_tips_i a { float: right;}

.f_top { width: 100%; height: 40px;}
.f_top_l { float: left; width: auto; height: 40px; position: relative;}
.f_top_l p { display: inline-block; font-size: 13px; color: #666; padding-left: 5px;}
.f_top_l span { display: inline-block; width: 80px; height: 30px; color: #888; margin-top: 5px; font-size: 13px; cursor: pointer;}
.f_top_r { float: right; width: 320px;}
.f_top_r p { height: 30px; line-height: 30px; color: #666666; font-size: 13px;}
.f_top_r span { display: inline-block; width: 40px; height: 40px; margin-right: 5px;}
.f_top_r span img { width: 100%; height: 100%;}
.my { font-size: 13px; text-align: center;}
.my span { width: auto; padding: 0 5px; }

/**
 * 首页布局开始
 */
.side_banner { display: inline-block; vertical-align: top; width: 40%; height: 400px; overflow: hidden; border: 1px solid #ccc; margin-top: 5px;}
.side_command { display: inline-block; height: 400px; width: 59%; margin-top: 5px;}
.command_item { display: inline-block; width: 200px; height: 200px;}
.command_item img { width: 100%; height: 100%;}
.side_banner ul { width: 3001px;}
.side_banner ul li { width: 600px; height: 500px; display: inline-block;}
.side_banner ul li img { width: 100%; height: 100%;}

.cate { width: 100%; height: auto; margin-top: 15px;}
.cate .cate_box { width: 32%; height: auto; vertical-align: top; display: inline-block;}
.cate_title { width: 100%; height: 30px; font-size: 17px; color: #333;}
.cate_title span { color: #6b6b6b; font-size: 13px;}

.cate_list { display: inline-block; width: 45%; height: 150px;}
.cate_list img { width: 100%; height: 100%;}
.show_title { height: 45px; line-height: 30px; color: #666; padding-left: 40px; background: url("../images/online_show.png") no-repeat;}
.show_item { width: 100%; height: auto;}
.show_item_list { display: inline-block; margin-right: 10px; margin-bottom: 10px; width: 200px; height: 200px; position: relative;}
.show_item_list img { width: 100%; height: 100%;}
.tag { position: absolute; height: 20px; line-height: 20px; padding: 0 10px; top: 0; right: 0; background: #ff6666; color: #fff; font-size: 12px;}
.usnmae { width: 90px; height: 25px; position: absolute; bottom: 0; left: 0; background: rgba(0,0,0,.5); color: #fff; line-height: 25px; font-size: 13px; padding-left: 5px;}

.minibo { width: 100%; height: auto; margin-top: 10px; margin-bottom: 15px;}
.minibi_title { height: 45px; line-height: 30px; color: #666; padding-left: 40px; background: url("../images/news.png") no-repeat;}
.minibo_item { width: 100%; height: auto;}
.minibo_list { display: inline-block; width: 32%; height: auto; margin-right: 5px;}
.minibo_list p { font-size: 15px; color: #666; margin-bottom: 5px;}
.minibo_list li { height: 25px; line-height: 25px; font-size: 13px; color: #333;}
.minibo_list li span { float: right; color: #999999;}
.minibo_list li a { color: #6b6b6b;}

.cate_item1 { width: 90%; height: 30px; border-bottom: 1px solid #ccc; margin: 10px auto 0 auto;}
.cate_item1 span { display: inline-block; color: #6b6b6b; width: auto; padding: 0 10px;}
.cate_item1 span .active1 { color: #ff6666; background: none;}
.cate_item1 span a { color: #6b6b6b;}
.cate_list1 { display: block; width: 90%; height: auto; margin: 10px auto;}
.cate_list1 p.nodata { width: 100%; height: 400px; text-align: center; color: #6b6b6b; line-height: 400px;}
.cate_item_list { display: inline-block; margin-right: 15px; margin-bottom: 15px; width: 180px; height: 250px; border: 1px solid #ccc; border-radius: 5px; overflow: hidden;}
.cate_item_png { width: 100%; height: 200px;}
.cate_item_png img { width: 100%; height: 100%;}
.cate_item_info { margin-top: 5px;}
.uname { font-size: 13px; }
.c { margin-top: 4px; font-size: 13px;  color: #999999; padding-left: 5px;}
.a { background: url("../images/guanzhu.png"); vertical-align: top;}

.fans { width: 90%; height: auto; margin: 10px 0 0 0;}
.fans_title { font-size: 20px; height: 40px; line-height: 40px; background: url("../images/fs.png") no-repeat; color: #999999; padding-left: 40px;}
.fans_title span { font-size: 13px;}
.fans_item { width: 500px; display: inline-block; vertical-align: top; margin-right: 50px;}
.fans_item_u { width: 100%; height: 70px; border-bottom: 1px solid #f9f9f9; padding-top: 10px;}
.fans_face { display: inline-block; vertical-align: top; width: 60px; height: 60px; border-radius: 30px; overflow: hidden;}
.fans_face img { width: 100%; height: 100%;}
.f_info { display: inline-block; margin-left: 15px; color: #666666;  }
.fans_item_con { padding-top: 10px;}
.fans1_face { display: inline-block; width: 30px; height: 30px; margin-right: 5px; vertical-align: middle; border-radius: 15px; overflow: hidden;}
.fs_icon { display: inline-block; width: 50px; height: 20px; line-height: 20px; text-align: center; font-size: 12px; border-radius: 5px; background: #ea986c; color: #fff; position: relative;}
.fs_icon b { width: 20px; height: 20px; background: url("../images/lev.png"); display: inline-block; position: absolute; top: -2px; right: -18px; font-size: 12px; color: #ea986c;}
.fans1_face img { width: 100%; height: 100%;}
.gxd { float: right; font-size: 12px; height: 25px; line-height: 25px; background: url("../images/gongxiandu.png") no-repeat; padding-left: 20px; color: #999;}
.fans_item_con li { font-size: 13px; color: #666666; margin: 8px auto;}

.profile_head { width: 100%; height: 250px; background: #ccc; position: relative;}
.cover_bg { width: 100%; height: 250px; background: url("../images/7730-1501161I523.jpg") -0px -750px;}

.nav_item { width: 100%; height: 40px;  background: rgba(0,0,0,.7); position: absolute; bottom: 0;}
.nav_item ul { width: 80%; height: 40px; margin: 0 auto;}
.nav_item ul li { display: inline-block; width: 150px; line-height: 40px;}
.nav_item ul li a { color: #fcfcfc; font-size: 14px;}

.profile_user { width: 800px; height: 150px; position: absolute; top: 20px; left: 150px;}
.profile_user_icon { display: inline-block; vertical-align: top; position: relative; width: 100px; height: 100px; border-radius: 50px;  overflow: hidden; margin-right: 20px;}
.profile_user_icon img { width: 100%; height: 100%;}
.profile_user_info { display: inline-block; }
.profile_user_info h3 { color: #fff;}
.profile_user_info p { margin-top: 10px; font-size: 13px; color: #666666;}
.user_intro { margin-top: 10px; font-size: 14px; color: #2e3436;}

.box { margin-left: 10px; width: 90%; height: auto; margin: 0 auto; margin-top: 20px;}
.box_title { width: 100%; height: auto; color: #080808; margin-bottom: 10px;}

.item_box { width: 100%; height: auto;}
.item_box ul { display: inline-block; vertical-align: top; width: 30%; height: auto;}
.item_box ul li { width: 50%; height: 25px; line-height: 25px; color: #666; font-size: 13px; float: left; }
.item_box1 { display: inline-block; vertical-align: top; width: 30%; height: auto;}

.uplevl_progress { width: 100%; height: 40px; position: relative;}
.uplevl_progress span { display: inline-block; background: #ea986c; color: #fff; width: 25px; height: 25px; border-radius: 12.5px; text-align: center; line-height: 25px; font-size: 13px; position: relative;}
.proce_bar { display: inline-block; width: 60%; height: 10px; overflow: hidden; background: #ccc; border-radius: 5px; position: relative;}
.uplevl_progress span b { display: inline-block; width: 80px; position: absolute; font-size: 12px; top: -25px; left: -25px; color: #6b6b6b;}
.proce_bar p { width: 10%; height: 10px; background: #00a2d4;}
.tips { position: absolute; width: 120px; height: 20px; top: -25px; color: #666; left:80px;font-size: 14px;}
.uplevl_tips { width: 100%; height: auto; font-size: 13px;}
.uplevl_tips .t1 { color: #333333;}
.uplevl_tips p { height: 25px; line-height: 25px; color: #6b6b6b;}
.title { color: #666;}
.item_box1 ul { margin-top: 10px; width: 100%; height: auto;}
.item_box1 ul li { display: inline-block; width: 50%; height: 25px; margin-bottom: 5px;}

.security_item { display: inline-block; vertical-align: top; margin-right: 70px; width: 300px; height: 80px; border: 1px solid #eee; border-radius: 5px;}
.security_icon { display: inline-block; vertical-align: top; width: 60px; height: 60px; background: #00a2d4; margin: 10px 0 0 10px;}
.phone { background: url("../images/phone.png")}
.phone_active { background: url("../images/phone_active.png")}
.email { background: url("../images/email.png")}
.email_active { background: url("../images/email_active.png")}
.auth { background: url("../images/auth_truename.png"); background-size: 100% 100%;}
.auth_active { background: url("../images/auth_truename_active.png"); background-size: 100% 100%;}
.security_info { width: 200px; height: 60px; display: inline-block;}
.security_info h3 { font-size: 15px; margin-top: 10px; color: #2e3436;}
.security_info p { font-size: 13px; height: 30px; margin-top: 8px; line-height: 20px; color: #666;}
.box_item3 { display: inline-block; width: 390px; height: auto;}
.box_item3_title { width: 300px; height: 20px; font-size: 15px; color: #6b6b6b;}
.box_item3 ul { width: 100%; height: auto; margin-top: 5px;}
.box_item3 ul li { display: inline-block; font-size: 13px; width: 100%; height: 30px; line-height: 30px; color: #888;}
.text_f { color: #ff6666;}
.text_f1 { color: #ce8483;}
.tag_text { display: inline-block; width: auto; height: 25px; line-height: 25px; background: #00a2d4; color: #fff; margin-right: 10px; text-align: center; padding: 0 5px; border-radius: 5px;}
.giftdetails { width: 100%; height: auto; font-size: 13px;}
.giftdetails li { display: inline-block; width: 40%!important; color: #6b6b6b; line-height: 25px; line-height: 25px;}
.livehistory { width: 100%; height: auto;}
.livehistory li { display: inline-block; width: 48%!important; color: #6b6b6b; font-size: 13px;}

.security_box { width: 80%; height: auto; margin: 0 auto; margin-top: 15px; border: 1px solid #eee;}
.security_title { height: 60px; line-height: 60px; padding-left: 15px; font-size: 18px; color: #666;}
.security_table { width: 90%; height: auto; margin: 0 auto 20px auto;}
.security_table tr { height: 40px; color: #666;}
.security_table tr td { font-size: 13px;}
.strong { color: #00a2d4;}
.weak { color: #ff6666;}
.middle { color: #ce8483;}
.edit_btn { display: inline-block; text-align: center; width: 80px; height: 25px; color: #f7f7f7; background: #6b6b6b; line-height: 25px;}
.bind_btn { display: inline-block; text-align: center; width: 80px; height: 25px; color: #f7f7f7; background: #00a2d4; line-height: 25px;}
.usertype { position: absolute; width: 60px; height: 20px; font-size: 13px; bottom: 35px; background: #ea986c; color: #fff; text-align: center; left: 18px; border-radius: 5px;}


/**
 * 弹窗设计
 */
.windowlayout { width: 100%; height: 800px; position: fixed; top: 0; left: 0; background: rgba(0,0,0,.5); z-index: 9;}
.windowDiag { width: 40%; height: 300px; background: #fff; margin: 150px auto;}
.w_title { width: 95%; height: 40px; padding-left: 5%; color: #fff; line-height: 40px; font-size: 14px; background: #333333;}
.w_title .w_close { display: inline-block; float: right; margin-top: 8px; margin-right: 8px; width: 25px; height: 25px; background: url("../images/w_close_diag.png"); transition: 1s;
    -moz-transition:  1s;	/* Firefox 4 */
    -webkit-transition:  1s;	/* Safari 和 Chrome */
    -o-transition:  1s;}
.w_title .w_close:hover { transform: rotate(360deg)}
.w_form { width: 80%; height: auto; margin: 10px auto;}
.w_form_row { width: 100%; height: 30px; font-size: 13px; margin-bottom: 8px;}
.w_form_sub { width: 80%; height: auto; margin: 0 auto;}
.w_form_sub .confim { display: inline-block; width: 60px; height: 25px; line-height: 25px; background: #00a2d4; color: #fff; border: none; cursor: pointer;}
.w_form_row span { display: inline-block; width: 80px; margin-right: 5px; text-align: right; color: #6b6b6b;}
.w_form_row input { width: 150px; height: 20px; font-size: 13px; padding-left: 10px; border: 1px solid #ccc;}
.d_tips { height: 25px; font-size: 13px; color: #6b6b6b;}

.box_auth { width: 70%; height: auto; margin: 0 auto;}
.auth_title { width: 100%; height: 40px; font-size: 18px; color: #6b6b6b; margin-bottom: 10px;}

.form_row { width: 100%; height: auto; margin-bottom: 15px; color: #6b6b6b;}
.form_row span { display: inline-block; width: 100px; height: 25px; text-align: right; font-size: 13px; color: #666;}
.form_row input[type='text'] { width: 200px; height: 25px; line-height: 25px; padding-left: 10px; font-size: 13px; color: #666;}

.idcard_upload { vertical-align: top; display: inline-block; width: 800px; height: 200px;}
.idcard_upload_item { display: inline-block; width: 350px; height: 200px; margin-right: 25px; border: 1px solid #ccc; position: relative;}

.idcard_view { width: 40px; height: 40px; background: url("../images/jujiao.png"); margin: 50px auto;}
.idcard_view input { width: 100%; height: 100%; opacity: 0;}
.idcard_tips { text-align: center; color: #6b6b6b;}
.idcard_tips p { font-size: 13px;}

.sub { width: 80px; height: 25px; line-height: 25px; font-size: 13px; color: #fff; background: #00a2d4; border: none;}
.form_row textarea { vertical-align: top; width: 250px; height: 150px; overflow: hidden;}
.setting { width: 80%; display: inline-block;}
.setting_box { display: inline-block; font-size: 13px; width: 60px; height: 25px; text-align: center; line-height: 25px; background: #00a2d4; color: #f7f7f7; cursor: pointer;}
.startOnline { display: inline-block; vertical-align: middle; text-align: center; width: 80px; height: 25px; line-height: 25px; background: #ff6666; color: #fff; font-size: 13px;}

.live { float: right; height: 65px; font-size: 13px; color: #6b6b6b; position: relative;}
.live_open { position: relative; width: 208px;}
.live_start { width: 190px; height: 25px; margin-top: 15px;float: right;}
.live_start a.webpush { display: inline-block; color: #fff; line-height: 25px; text-align: center; width: 80px; height: 25px; background: #00a2d4; margin-right: 8px;}
.live_start a.softpush { display: inline-block; color: #fff; line-height: 25px; text-align: center; width: 80px; height: 25px; background: #03B495; margin-right: 8px;}
.attach { width: 120px; height: 25px; border-radius: 12.5px; overflow: hidden; border: 1px solid #ccc;}
.attach span { display: inline-block; text-align: center; line-height: 25px; vertical-align: top; width: 49%; height: 25px; cursor: pointer;}
.attach span.e_attach { background: #ccc;}
.attach span.attach1 { background: #FB8302; color: #fff;}

/**
 * 礼物展示css
 */
.gift_show { width: 220px; height: 50px; background: #fff; position: absolute;
    top:30px; border-radius: 25px;transition: 0.5s;
    -moz-transition: 0.5s; /* Firefox 4 */
    -webkit-transition: 0.5s; /* Safari 和 Chrome */
    -o-transition: 0.5s;}
.gift_inner { width: 220px; height: 50px; background: #fff; position: absolute;  border-radius: 25px; overflow: hidden;}
.gift_face { display: inline-block; vertical-align: top; width: 50px; height: 50px; border-radius: 25px; overflow: hidden;}
.gift_face img { width: 100%; height: 100%; }
.gift_info { display: inline-block;}
.gift_info p.u { font-size: 14px; height: 25px; line-height: 25px; color: #333333;}
.gift_desc { font-size: 13px; color: #6b6b6b;}
.gift_img { width: 30px; height: 30px; position: absolute; background-size: 100% 100%; right: 10px; top: 10px;}
.gift_img img { width: 100%; height: 100%;}
.lianji { position: absolute; width:80px; right: -80px; transition: 0.3s;
    -moz-transition: 0.3s; /* Firefox 4 */
    -webkit-transition: 0.3s; /* Safari 和 Chrome */
    -o-transition: 0.3s; /* Opera */ transform: scale(1) }
.lianjied { position: absolute; width:80px; right: -80px; transition: 0.3s;
    -moz-transition: 0.3s; /* Firefox 4 */
    -webkit-transition: 0.3s; /* Safari 和 Chrome */
    -o-transition: 0.3s; /* Opera */ transform: scale(1)}
.lianjied i , .lianji i { display: inline-block; vertical-align: top; background: url("../images/x.png"); width: 40px; height: 40px; margin: 5px 0 0 0;}
.lianjied span , .lianji span { font-size: 30px; position: absolute; height: 48px; line-height: 48px; left: 32px; font-style:italic; color: #888;}

.w_login_form { width: 80%; height: auto; border: 1px solid #ccc; margin: 40px auto 0 auto;}
.w_login_form input { width: 97%; height: 30px; border: none; padding-left: 3%;}
.w_login_form input:nth-of-type(1) { border-bottom: 1px solid #ccc}
.sub_login { width: 80%; height: 30px; line-height: 30px; text-align: center; margin: 20px auto; background: #ff6666; color: #fff; font-size: 13px; cursor: pointer;}
.w_login_error { display: none; text-align: center; font-size: 14px; color: #6b6b6b; position: absolute; top:180px; width: 100%; height: 30px;}
.login—tips { width: 90%; height: 20px; font-size: 13px; color: #6b6b6b; position: absolute; bottom: 10px; text-align: right; }
.login—tips a { color: #666;}
.conpalre { font-size: 14px; color: #6b6b6b; margin-bottom: 15px;}
.w_c_form_row { width: 100%; height: 30px; margin-bottom: 8px; border-bottom: 1px solid #ccc;}
.w_c_form_row input { border: none; height: 28px; outline: none;}
.w_c_form_row span { font-size: 13px; height: 30px; line-height: 30px; vertical-align: top; color: #6b6b6b; color: #2e3436;}

.login_user { width: auto; height: 60px;}
.user_info { width: auto; height: 60px; display: inline-block;}
.user_icon { display: inline-block; vertical-align: middle; width: 40px; height: 40px; margin: 10px; border-radius: 20px;
    overflow: hidden;}
.user_icon img { width: 100%; height: 100%;}
.user_name { display: inline-block; color: #fff;}

.edit { display: inline-block; vertical-align: middle; width: 25px; height: 25px; background: url("../images/edit.png")}

.nohistory { width: 60%; height: auto; text-align: center; font-size: 13px; color: #ccc; padding:40px 0;}
.nohistory p { height: 25px; line-height: 25px;}
.nohistory a { color: #ff6666;}

.nozhubo { width: 100%; height: auto; padding-top: 30px; }
.nozhubo p { text-align: center; font-size: 13px; color: #6b6b6b;}
.nozhubo a { font-size: 13px; display: block; width: 100px; height: 30px; background: #ea986c; color: #fff; text-align: center; line-height: 30px; margin: 10px auto;}

.no_auth { width: 100%; height: 300px; padding-top: 80px; }
.no_auth h3 { text-align: center; color: #666666; margin-bottom: 15px;}
.no_auth p { font-size: 13px; color: #6b6b6b; text-align: center;}
.no_auth a { display: block; text-align: center; width: 100px; height: 30px; line-height: 30px; background: #ea986c; margin: 10px auto; color: #fff; font-size: 13px;}

.verify_loading { display: none; width: 290px; height: 120px; position: absolute; top:10px; left: 25px; border: 1px solid #ccc; padding: 5px;}
.verify_loading img { width: 100%; height: 100%;}
.v_t { display: inline-block; background: #fff; width: 270px!important; height: 2px!important; position: absolute; left: 10px; top: -1px;}
.v_b { display: inline-block; background: #fff; width: 270px!important; height: 2px!important; position: absolute; left: 10px; bottom: -1px;}
.v_l { display: inline-block; width: 2px!important; height: 100px!important; top: 10px; left: -2px; position: absolute; background: #fff;}
.v_r { display: inline-block; width: 2px!important; height: 100px!important; top: 10px; right: -2px; position: absolute; background: #fff;}
.lay { position: absolute; width: 290px; height: 120px; background: rgba(0,0,0,.5); top: 5px; left: 5px;}
.scan_line { width: 3px; height: 125px; background: #333333; position: absolute; left: 20px; top: 2px;}

.auth_step_res { width: 80%; height: auto; margin: 0 auto; margin-top: 20px;}
.auth_step { width: 95%; height:2px; background: #ccc; margin: 0 auto; margin-top: 30px}
.step_span { display: inline-block; position: relative; vertical-align: top; width: 33.3%; height: 2px;}
.step_span span { display: block; width: 25px; height: 25px; background: #ea986c; margin: -12px auto; border-radius: 12.5px;}
.text { width: 170px; height: auto; font-size: 14px; position: absolute; top: 30px; left: 50%; margin-left: -85px;}
.text h3 { text-align: center; color: #333333;}
.text p { color: #666; font-size: 13px; margin-top: 10px;}

.success { background: url("../images/a_success.png")!important;}
.active { background: #03B495;}
.fails { background: url("../images/error.png")!important;}
.error { background: #ea986c;}
.waiting {  background: url("../images/wait.png")!important;}
.room_cate { display: inline-block; vertical-align: top;}
.room_cate b { color: #444444; margin-right: 10px;}
.room_cate a { display: inline-block; color: #fff; width: 100px; height: 30px; background: #ea986c; text-align: center; line-height: 30px; font-size: 13px;}
.tag1 a { display: inline-block; vertical-align: top; width: auto; height: 30px; line-height: 30px; font-size: 13px; background: #ce8483; padding: 0 10px; color: #fff; margin-bottom: 10px;}

.room_verify { width: 300px; height: auto; margin: 0 auto;}
.roomver_icon { width: 101px; height: 80px; margin: 0 auto; background: url("../images/room_apply_verifyloging.png")}
.v_test { width: 100%; height: auto; font-size: 14px; text-align: center; margin-top: 15px;}

.room_success { width: 300px; height: 40px; margin: 0 auto;}
.room_success p { text-align: center; color: #666;}
.room_success a { display: block; width: 100px; height: 30px; background: #ea986c; color: #fff; line-height: 30px; text-align: center; margin: 5px auto; font-size: 13px;}

.video { width: 100%; height: 600px; position: relative;}
.room_tips { color: #ff6666; font-size: 13px; margin-bottom: 5px;}
.u-t-zhubo { display: inline-block; width: auto; height: 18px; line-height: 18px; border-radius: 5px; font-size: 11px; padding: 0 5px; color: #fff; background: #ff6666; margin-right: 5px;}
.u-t-fg { display: inline-block; width: auto; height: 18px; line-height: 18px; border-radius: 5px; font-size: 11px; padding: 0 5px; color: #fff; background: #ce8483; margin-right: 5px;}
.logo—suiyin { position: absolute; top: 10px; font-size: 13px; color: #ccc; left: 10px;}
.test_video { display: inline-block; margin-right: 5px; vertical-align:middle; width: 100px; height: 25px; color: #fff; text-align: center; line-height: 25px; background: #ce8483;}
.no_start { width: 100px; height: 30px; position: absolute; left: 50%; margin-left: -50px; top: 44%; color: #fff; border: 1px solid #ea986c; text-align: center; line-height: 30px; z-index: 888;}
.f_l { float: left;}
.start_time { width: 200px; height: 25px; padding: 5px; color: #666;}
.time { width: 200px; height: 25px; font-size: 14px; padding-left: 10px;}
.time span.t { display: inline-block; vertical-align: middle; color: #666; font-size: 17px;}

.gift_dayic { width: 250px; height: 25px; line-height: 25px; color: #6b6b6b;}
.f_c { display: inline-block; vertical-align: top; font-size: 14px;}
.gift_dayic span { font-size: 12px;}
.gift_dayic_list { width: 450px; height: auto; margin-top: 5px;}
.gift_dayic_list li { display: inline-block; line-height: 30px; font-size: 13px; color: #6b6b6b; width: 95px; height: 30px;}
.gift_dayic_list li b { display: inline-block; vertical-align: middle; width: 30px; height: 30px; border-radius: 15px; margin-right: 5px;}
.gift_dayic_list li b img { width: 100%; height: 100%;}
.gift_dayic_list span { color: #ff6666;}
.live_status { display: inline-block; width: 80px; height: 25px; border-radius: 4px; text-align: center; line-height: 25px; font-size: 13px;}
.liveing { border: 1px solid #ccc; color: #6b6b6b;}
.liveed { border: 1px solid #ff6666; color: #ff6666;}
.no_live { width: 100%; height: auto;}
.no_live h3 { width: 100%; height: 30px; color: #fff; text-align: center; padding-top: 25px;}

.dialg { width: 400px; height: 200px; position: absolute; top: 40%; left: 50%; margin-left: -200px; background: #fff;}
.dialg_title { width: 100%; height:40px; line-height: 40px; text-indent: 1em; background: #d9534f; color: #fff;}
.confirmtips { width: 80%; height: auto; margin: 0 auto; color: #6b6b6b; margin-top: 10px; }
.confirmtips p { color: #666; height: 25px; line-height: 25px; margin-top: 10px; font-size: 13px;}
.dialg_btn { width: 80%; height: 30px; margin: 28px auto 0 auto;}
.dialg_btn a { display: inline-block; width: 100px;margin-right: 10px; height: 30px; text-align: center; line-height: 30px; color: #fff; background: #00a2d4;}
.u_op { display: none; width: auto; width: 40px; height: auto; position: absolute; top: 35px; left: 10%; border-radius: 5px; border: 1px solid #eee; background: #fff; z-index: 999; padding: 10px; transition: 0.3s;
    -moz-transition: 0.3s; /* Firefox 4 */
    -webkit-transition: 0.3s; /* Safari 和 Chrome */
    -o-transition: 0.3s; /* Opera */}
.u_op span { display: inline-block;width: auto; height: 25px; line-height: 25px; padding: 0 5px; cursor: pointer;}
.u_op b { width: 16px; height: 16px; display: inline-block; background: url("../images/sanjiaoxin.png");position: absolute; top: -10px;}
.animated {
    animate-duration: 0.5s;
}

.message { width: 100%; height: 30px; position: absolute; font-size: 13px; background: #fff; color: #6b6b6b; line-height: 30px; top: 0px; border-top: 1px solid #eee;}
.message i { display: inline-block; vertical-align: top; width: 18px; height: 18px; margin: 5px; background: url("../images/tips_1.png")}
.message p { display: inline-block; vertical-align: top;}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    border: 1px #d3d3d3 solid;
    box-shadow: 0px 0px 3px #dfdfdf inset;
    border-radius: 10px;
    background: #eee;
}
::-webkit-scrollbar-thumb {
    border: 1px #808080 solid;
    border-radius: 10px;
    background: #999;
}
::-webkit-scrollbar-thumb:hover {
    background: #7d7d7d;
}
.jb { position: absolute; right: 0px; bottom: 0px; cursor: pointer;}
.w_row { width: 90%; height: 30px; border: 1px solid #ccc; margin-bottom: 10px; position: relative}
.w_row span { display: inline-block; vertical-align: top; text-align: center; line-height: 30px; color: #fff; font-size: 13px; width: 80px; height: 30px; background: #444444;}
.w_row input { width: 250px; height: 28px; border: none;}
.w_row a { position: absolute; right: -40px; top: 8px; font-size: 13px; color: #00a2d4;}
.p_tips { font-size: 13px; color: #6b6b6b; height: 30px;}


.nodata { width: 150px; height: auto; margin: 0 auto;}
.nodata_icon { width: 50px; height: 50px; margin: 0 auto; background: url("../images/xuwei.png"); background-size: 100% 100%;}
.nodata p { height: 30px; line-height: 30px; text-align: center; font-size: 13px; color: #666;}
.box_title a { margin-left: 240px; font-size: 13px; color: #ce8483;}
.form_left { width: 30%; height: 360px; display: inline-block; vertical-align: top; background: #333333;}
.form_right { display: inline-block; width: 68%;}
.user_pic { width: 90px; height: 90px; border: 1px solid #ccc; margin: 25px auto 8px auto; border-radius: 45px; overflow: hidden;}
.user_pic img { width: 100%; height: 100%;}
.user_name_profile { width: 90px; height: 25px; margin: 0 auto; color: #fff;}
.upload_face_edit { width: 140px; height: auto; margin: 0 auto; margin-top: 30px;}
.upload_face_btn { width: 90px; height: 30px; color: #fff; line-height: 30px; text-align: center; font-size: 13px; background: #ce8483; margin: 0 auto 15px auto; position: relative;}
.upload_face_btn input { opacity: 0; width: 100%; cursor: pointer; height: 30px; position: absolute; top: 0; left: 0; z-index: 9;}
.upload_face_edit p { font-size: 13px; color: #cccccc;}
.upload_face_tips { height: 20px; font-size: 14px;}
.profile_edit_tit { width: 90%; height: 30px; font-size: 20px; color: #6b6b6b; margin: 20px auto;}
.profile_edit_inp { width: 90%; height: auto; margin: 0 auto; margin-top: 25px;}
.profile_edit_inp ul li { display: inline-block; vertical-align: top; height: 30px; width: 40%; border: 1px solid #ccc; margin-bottom: 15px; margin-right: 20px;}
.edit_select { display: inline-block; vertical-align: top;  width:130px; height: 30px; position: relative;}
.profile_edit_inp ul li input { display: inline-block; vertical-align: top; border: none; width: 120px; height: 28px; outline: none; color: #6b6b6b;}
.profile_edit_inp ul li span { display: inline-block; vertical-align: top; font-size: 13px; color: #fff; text-align: center; line-height: 30px; width: 40px; height: 30px; background: #444444;}
.select_sex { width: 100%; height: 30px; font-size: 13px; line-height: 30px; color: #6b6b6b; padding-left: 10px;}
.edit_select_list { display: none; width: 100%; height: auto; background: #fff; position: absolute; border: 1px solid #ccc; top: 30px; left: 0; border-top: none;}
.edit_select_list p { height: 30px; font-size: 13px; line-height: 30px; padding-left: 10px; color: #6b6b6b; cursor: pointer;}
.edit_select_list p:hover { color: #fff; background: #5bc0de;}
.arrar_row { width: 20px; height: 20px; background: url("../images/arrow_down.png"); position: absolute; top: 5px; right: 5px;}
.profile_sign { width: 100%; height: 100px;}
.profile_sign textarea { width: 85%; height: 50px; border: 1px solid #ccc; resize: none; color: #6b6b6b;}
.profile_sign_title { color: #6b6b6b; height: 30px; line-height: 30px; }

.room_admin_tips { width: 80%; height: auto; margin: 20px auto;}
.room_admin_tips_tilt { color: #6b6b6b;}
.room_admin_tips_item { margin-top: 8px; font-size: 13px; color: #666;}
.room_admin_content { width: 80%; height: 151px; margin: 20px auto; overflow-y: auto;}
.room_admin_con_title { color: #6b6b6b;}
.room_admin_list { margin-top: 5px;}
.room_admin_list li { height: 30px; line-height: 30px; color: #666; border-bottom: 1px solid #eee;}
.room_admin_list li span { float: right; text-align: center; line-height: 25px; width: 50px; height: 25px; background: #ce8483; color: #fff; font-size: 13px; margin-right: 15px;
    cursor: pointer;}
.room_fans_title { font-size: 15px; color: #6b6b6b;}
.f_title { margin-bottom: 5px;}
.room_fans_title p { margin: 4px auto; width: 95%; font-size: 13px; color: #999;}
.room_fans_cpn { margin-top: 30px;}
.item { display: inline-block; vertical-align: top; width:100px; height: 100px; position: relative;}
.fans_icon { width: 30px; height: 10px; background: url("../images/entrance_btnbg2.png"); background-size: 100% 100%; margin: 0 auto;}
.fans_text { width: 46px; height: 16px; margin: 0 auto 8px auto; background: url("../images/bandgebg_00.png"); font-size: 12px; color: #fff; text-align: center; cursor: pointer;}
.item p { text-align: center; font-size: 12px; font-size: 13px; color: #666;}
.item a { font-size: 13px; width: 40px; height: 20px; margin: 0 auto; display: block; text-align: center; color: #ce8483;}
.item span { font-size: 13px; width: 40px; height: 20px; margin: 0 auto; display: block; text-align: center; color: #666;}
.fans_icon:hover .tips { display: block;}
.layer_fs { display: none; width: 100%; height: 100%; background: rgba(0,0,0,.5); position: fixed;
    top:0; left: 0; }
.layer_fs_dialg { width: 300px; height: 125px; background: #fff; margin: 250px auto; overflow: hidden; border-radius: 10px;}
.layer_fs_input { width: 90%; height: 30px; margin: 10px auto; border: 1px solid #ccc;}
.layer_fs_input input { width: 95%; height: 28px; border: none; padding-left: 5%;}
.layer_fs_title { width: 100%; height: 30px; color: #fff; padding-left: 10px; line-height: 30px; background: #444444; font-size: 14px;}
.tips { display: none; position: absolute; width: 100px; height: 60px; border: 1px solid #eee; border-radius: 4px; background: #919191; top: -70px; left: 15px;transition: 0.5s;
    -moz-transition: 0.5s;	/* Firefox 4 */
    -webkit-transition: 0.5s;	/* Safari 和 Chrome */
    -o-transition: 0.5s;	/* Opera */}
.tips_arrow {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #919191;
    position: absolute;
    bottom: -5px;
    left: 10px;
}
/* 无限旋转 哔哔哔->奥特曼 */
.spin {
    -webkit-transform: rotate(360deg);
    -webkit-animation: spin 1s linear infinite;
}
@-webkit-keyframes spin {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}
.spin {
    transform: rotate(360deg);
    animation: spin 1s linear infinite;
}
@keyframes spin {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}
/* 所有浏览器实现实现 */
.loading {
    width: 32px; height: 32px;
    background: url(loading-css3.gif);
}
/* IE10+以及其他 */
.loading::after {
    content: '';
    width: 3px; height:3px;
    margin: 14.5px 0 0 14.5px;
    border-radius: 100%;                      /* 圆角 */
    box-shadow: 0 -10px 0 1px #333,           /* 上, 1px 扩展 */
    10px 0px #333,                /* 右 */
    0 10px #333,                  /* 下 */
    -10px 0 #333,                 /* 左 */
    -7px -7px 0 .5px #333,        /* 左上, 0.5px扩展 */
    7px -7px 0 1.5px #333,        /* 右上, 1.5px扩展 */
    7px 7px #333,                 /* 右下 */
    -7px 7px #333;                /* 左下 */
    position: absolute;
}

.lw_collect_box { display: none; width: 418px; height: 183px; position: absolute; top: -185px; background: url("../images/lw_hint.png")}
.close_box { width: 30px; height: 30px; background: #3A97DA; position: absolute; border-radius: 15px; right: -10px; top: 0px; text-align: center; line-height: 30px; color: #fff;}
.lw_collect_title { width: 80%; height: 30px; line-height: 30px; margin: 10px auto; color: #6b6b6b;}
.lw_collect_con { width: 80%; height: auto; margin: 0 auto;}
.lw_item { display: inline-block; width: 60px; height: 85px; position: relative;}
.lw_item_icon { width: 40px; height: 40px; background: url("../images/lw.png"); background-size: 100% 100%; margin: 0 auto;}
.lw_item_icon.active { background: url("../images/lw_active.png");background-size: 100% 100%;}
.lw_item p { display: block; width: 45px; height: 25px; padding: 0px; margin: 5px auto; text-align: center;}
.lw_time { width: 40px; height: 25px; line-height: 25px; text-align:center; font-size: 13px; position: absolute; bottom: 0px; left: 8px; color: #6b6b6b; font-weight: normal;}
.opend { color: #919191!important;}

.cms_title { width: 80%; height: 80px; line-height: 80px; margin: 20px auto; font-size: 25px; color: #6b6b6b; border-bottom: 1px solid #eee;}
.cms_nav { width: 80%; height: 30px; margin: 0 auto;}
.cms_nav a { display: inline-block; width: auto; height: 25px; line-height: 25px; text-align: center; background: #cccccc; font-size: 13px; padding: 0 10px; color: #444444;}
.cms_nav a.active { background: #ff6666; color: #fff;}
.cms_content { width: 80%; height: auto; margin: 0 auto;  margin-top: 30px;}
.item_con_list { width: 100%; height: 100px; border-bottom: 1px dotted #ccc; position: relative;}
.item_date { display: inline-block; vertical-align: middle; width: 60px; height: 60px; background: url("../images/sprite_line.png"); background-size: 100% 100%; margin-top: 15px; margin-left: 15px; position: relative;}
.item_date span.d-m { position: absolute; font-size: 21px; color: #666666;}
.item_date span.d-d { position: absolute; font-size: 21px; bottom: 0; right: 0;color: #666666;}
.item_date span.d_unit { position: absolute;font-size: 12px; color: #666666; left:25px; top: 10px;}
.item_info { display: inline-block; vertical-align: middle; margin-left: 20px;}
.item_info h3 { font-weight: normal;}
.item_info h3 a { color: #333333;}
.item_info p { margin-top: 8px; font-size: 13px; color: #666;}
.date { position: absolute; bottom: 20px; right: 10px; color: #666666; font-size: 13px;}

.cmsa_title { text-align: center; font-size: 18px; color: #444; line-height:30px;}
.cmsa_info { text-align: center; font-size: 13px; color: #999;}
.cmsa_con { margin-top: 20px; margin-bottom: 10px;}


.layer_form_box { width: 580px; height: auto; background: #fff; margin: 100px auto; padding: 20px; position: relative; border-radius: 5px;transition: 0.5s;
    -moz-transition: 0.5s;	/* Firefox 4 */
    -webkit-transition: 0.5s;	/* Safari 和 Chrome */
    -o-transition: 0.5s;	/* Opera */}
.close_win { width: 30px;height: 30px; position: absolute; right: 10px; top: 10px; background: url("../images/close_win.png") no-repeat;}
.form_login_area { display: inline-block; vertical-align: top; width: 250px; height: auto; padding-left: 15px; padding-right: 20px; border-right: 1px solid #ccc; padding-bottom: 10px;}
.form_login_title { height: 80px;}
.form_login_title h4 { height: 40px; font-size: 18px; color: #6b6b6b; padding: 0; margin: 0;}
.class_form_login_tips p,.form_login_title p { font-size: 14px; color: #666666;}
.form_login_row { width: 250px; height: auto; margin-bottom: 15px;}

.form_login_row input[type='text'] { width: 240px; height: 30px; padding-left: 10px; color: #666666; border: 1px solid #ccc;}
.form_login_row p { height: 30px; line-height: 30px; font-size: 14px; color: #888;}
.form_login_row input[type='submit'] { width: 50px; height: 30px; background: #03B495; border: none; color: #fff;float: right; border-radius: 5px; margin-top: 5px; cursor: pointer;}
.form_login_row span { color: #666; font-size: 13px;}
.class_form_login_tips { display: inline-block; width: 250px; padding-left: 15px;}
.class_form_login_tips h4 { height: 40px; font-size: 18px; color: #6b6b6b; padding: 0; margin: 0;}
.class_form_login_tips a { display: block; width: 182px; height: 171px; background: url("../images/2017-12-09_104655.png"); margin: 20px auto;}
.register_step { width: 50%; height: 2px; background: #ccc; margin: 20px auto;}
.register_step span { display: inline-block; width: 49%; height: 2px;}
.register_step span a { display: block; width: 20px; height: 20px; margin: -25px auto; background: #ccc; border-radius: 10px;}
.register_step span a.active { background: #03B495;}

.top-box { width: 100%; height: auto; margin-bottom: 20px;}
.top-box_title { width: 100%; height: 40px;}
.top_box_titlename { width:auto; height: 40px;}
.top_box_titlename .t_1 { font-size: 24px; color: #ff6600; margin-right: 5px;}
.top_box_titlename .t_2 { color: #666666;}

.top-box_con { height: auto;}
.top_item { width: 100%; height: 50px; border-bottom: 1px solid #eee; padding-top: 10px;position: relative;}
.face { width: 40px; height: 40px; border-radius: 20px; overflow: hidden; margin-left: 35px; display: inline-block;}
.top_num { width: 30px; height: 30px; position: absolute; font-size: 13px; top: -2px; background: url("../images/top_num.png"); text-align: center; line-height: 30px; color: #fff;}
.info { width: 150px; height: 20px; font-size: 14px; color: #6b6b6b;}











